<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {css href="__CSS__/bootstrap.min.css"}
    {css href="__CSS__/style.css"}
    {js href="__JS__/jquery-3.3.1.min.js"}
    {js href="__JS__/bootstrap.bundle.min.js"}
</head>
<body>
<div class="container pt-5 mt-5">
    <div class="row align-items-center">
        <div class="col-3 sidebar">
            <button class="btn btn-secondary">
                作者管理
            </button>
        </div>
        <div class="col-9 main">
            <form action="{:url('/user/save')}" method="post">
                <fieldset class="w-75">
                    <div class="form-group row">
                        <label for="authorname" class="col-2 col-form-label">作者名</label>
                        <div class="col-8">
                            <input type="text" id="authorname" name="authorname"
                                   class="form-control" placeholder="请输入作者名">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="country" class="col-2 col-form-label">国家</label>
                        <div class="col-8">
                            <input type="text" id="country" name="country"
                                   class="form-control" placeholder="请输入国籍">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="kind" class="col-2 col-form-label">类型</label>
                        <div class="col-8">
                            <input type="text" id="kind" name="kind"
                                   class="form-control" placeholder="请输入类型">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2"></label>
                        <div class="col-6">
                            <label for="agree">
                                <input type="checkbox" id="agree" name="agree">
                                <span class="col-form-label-sm">我已同意看视频不喷老师的协议
~</span>
                            </label>
                        </div>
                        <div class="col-2 text-right">
                            <a href="{:url('/user')}" class="col-form-label-sm">返回列表
                            </a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2"></label>
                        <div class="col-8">
                            <button class="btn btn-success w-100">添加作者</button>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
</div>
</body>
</html>